<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>指尖金融</title>
<link href="../../../css/common.css" type="text/css" rel="stylesheet">
<link href="../../../css/base.css" type="text/css" rel="stylesheet">
<link href="settlementDetail.css" type="text/css" rel="stylesheet">
<link href="../../../res/png/icon.png" rel="shortcut icon" />
<link rel="stylesheet" type="text/css" href="../../../js/My97DatePicker/skin/WdatePicker.css" />
<link rel="stylesheet" type="text/css" href="../../../js/My97DatePicker/skin/WdatePicker.css" />	
<link rel="stylesheet" type="text/css" href="./clientAuthentication.css" />
</head>

<body>
	<!-- 顶部菜单栏 -->
	<div id="header" class="header"></div>
	<div class="main" id="main">
		<!-- 左侧菜单栏 -->
		<div id="leftMenu" class="left"></div>
		<div class="pages">
			<div class="table-section  page" data-page="settlementDetail" id="settlementDetail">
				<p class="table-head">
					<label class="table-title">当前位置:按月服务费账单结算 > 详情</label>
				</p>
				<div class="label_info label_info_year">
					<span class="backwardSpan"><span class="backward">&lt;&nbsp;<span class="backMonth"></span></span></span>
					<span class="center"></span>
					<span class="forwardSpan"><span class="forward"><span class="forwMonth"></span>&nbsp;&gt;</span></span>
				</div>
				<div class="sum-money">
					<p>本月服务费（元）</p><br />
					<a href="javascript:void(0)" class="goBack">返回</a><p id="bulkstockIntrerstTotal">xxx</p>
				</div>
				<div class="label_info label_info_img">
					<img src="../../../res/png/info_icon.png"><span class="labeltitle">汇总</span>
				</div>
				<div class="billInfoDiv" id="billInfoDivTable">
					<table style="margin: 10px auto;" width="90%" border="1" cellspacing="0" bordercolor="#E4E7E9">
						<thead>
							<tr style="visibility: hidden;">
								<th width="25%"></th>
								<th width="25%"></th>
								<th width="25%"></th>
								<th width="25%"></th>
							</tr>
						</thead>
						<tbody id="billInfoCollectBody">
							<tr height="30px">
								<td width="25" style="background-color: #F1F1F2;">结算编号：</td>
								<td width="25" class="data" name="monthEarningNumber"></td>
								<td width="25" style="background-color: #F1F1F2;">企业名称：</td>
								<td width="25" class="data" name="enterpriseName"></td>
							</tr>
							<tr height="30px">
								<td width="25" style="background-color: #F1F1F2;">总本金：</td>
								<td width="25" class="data" name="financingAmount"></td>
								<td width="25" style="background-color: #F1F1F2;"></td>
								<td width="25" class="data" name=""></td>
							</tr>
							<tr height="30px">
								<td width="25" style="background-color: #F1F1F2;">本月应还服务费合计：</td>
								<td width="25" class="data" name="repayingFee"></td>
								<td width="25" style="background-color: #F1F1F2;">本月已收服务费合计：</td>
								<td width="25" class="data" name="repaidFee"></td>
							</tr>
							<tr height="30px">
								<td width="25" style="background-color: #F1F1F2;">本月账单确认：</td>
								<td width="25" class="" name="">
									<button class="table-confirm-button" id="">确认</button>
								</td>
								<td width="25" style="background-color: #F1F1F2;">本月收息账单导出（代采代销）：</td>
								<td width="25" class="" name="">
										<button class="table-export5-button" id="">导出</button>
									<!--<span class="">总共导出过<span>0次</span></span>-->
								</td>
							</tr>
							<tr height="30px">
								<td width="25" style="background-color: #F1F1F2;">本月账单重新计算：</td>
								<td width="25" class="" name="">
									<button class="table-compute-button" id="">计算</button>
								</td>
								<td width="25" style="background-color: #F1F1F2;">本月收息账单导出（舱单质押）：</td>
								<td width="25" class="" name="">
									<button class="table-export2-button" id="">导出</button>
									<!--<span class="">总共导出过<span>0次</span></span>-->
								</td>
							</tr>
						</tbody>
						<script type="text/template" id="billInfoCollectTemp">
							{@each datas as it}
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">结算编号：
									<input type="hidden" name="monthEarningId" value="${it.monthEarningId}" />
									</td>
									<td width="25" class="data" name="monthEarningNumber">${it.monthEarningNumber}</td>
									<td width="25" style="background-color: #F1F1F2;">企业名称：</td>
									<td width="25" class="data" name="enterpriseName">${it.enterpriseName}</td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">总本金：</td>
									<td width="25" class="data" name="financingAmount">&#65509;${formatCurrency(it.financingAmount)}</td>
									<td width="25" style="background-color: #F1F1F2;"></td>
									<td width="25" class="data" name=""></td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">本月应还服务费合计：</td>
									<td width="25" class="data" name="repayingFee">&#65509;${formatCurrency(it.repayingFee)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月已收服务费合计：</td>
									<td width="25" class="data" name="repaidFee">&#65509;${formatCurrency(it.repaidFee)}</td>
								</tr>
								<tr height="30px">
									{@if it.confirmStatus == 0}
									<td width="25" style="background-color: #F1F1F2;">本月账单确认：</td>
									<td width="25" class="data" name="">
									<button class="table-confirm-button" id="">确认</button>
									</td>
									{@else if it.confirmStatus == 1}
									<td width="25" style="background-color: #F1F1F2;">确认人和确认时间：</td>
									<td width="25" class="data" name="">
									${it.confirmPerson}&nbsp;${(it.confirmDate).substr(0, 10)}
									</td>
									{@/if}
									<td width="25" style="background-color: #F1F1F2;">本月收息账单导出（代采代销）：</td>
									<td width="25" class="" name="">
											<button class="table-export5-button" id="">导出</button>
										<!--<span class="">总共导出过<span>0次</span></span>-->
									</td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">本月账单重新计算：</td>
									<td width="25" class="" name="">
										<button class="table-compute-button" id="">计算</button>
									</td>
									<td width="25" style="background-color: #F1F1F2;">本月收息账单导出（舱单质押）：</td>
									<td width="25" class="" name="">
										<button class="table-export2-button" id="">导出</button>
										<!--<span class="">总共导出过<span>0次</span></span>-->
									</td>
								</tr>
							{@/each}
						</script>
					</table>
				</div>
				<div class="label_info label_info_img">
					<img src="../../../res/png/info_icon.png"><span class="labeltitle">按业务信息汇总</span>
				</div>
				<div class="billInfoDiv" id="productTypeInfo">
					<table style="margin: 10px auto;" width="90%" border="1" cellspacing="0" bordercolor="#E4E7E9">
						<thead>
							<tr style="visibility: hidden;">
								<th width="25%"></th>
								<th width="25%"></th>
								<th width="25%"></th>
								<th width="25%"></th>
							</tr>
						</thead>
						<tbody id="billInfoProductCollectBody">
							<tr height="30px">
								<td width="25" style="background-color: #F1F1F2;">舱单质押本金：</td>
								<td width="25" class="data" name="amount2"></td>
								<td width="25" style="background-color: #F1F1F2;">本月应还舱单质押服务费：</td>
								<td width="25">
									<span class="productTypeFree" name="interest2" productType="2"></span>
									<span class="showAllFinance"><a href="javascript:void(0);">显示全部</a></span>
								</td>
							</tr>
							<tr height="30px">
								<td width="25" style="background-color: #F1F1F2;">代理采购本金：</td>
								<td width="25" class="data" name="amount5"></td>
								<td width="25" style="background-color: #F1F1F2;">本月应还代理采购服务费: </td>
								<td width="25">
									<span class="productTypeFree data" name="interest5" productType="5"></span>
									<span class="showAllFinance"><a href="javascript:void(0);">显示全部</a></span>
								</td>
							</tr>
							<tr height="30px">
								<td width="25" style="background-color: #F1F1F2;">代理销售本金：</td>
								<td width="25" class="data" name="amount6"></td>
								<td width="25" style="background-color: #F1F1F2;">本月应还代理销售服务费：</td>
								<td width="25">
									<span class="productTypeFree data" name="interest6" productType="6"></span>
									<span class="showAllFinance"><a href="javascript:void(0);">显示全部</a></span>
								</td>
							</tr>
							<tr height="30px">
								<td width="25" style="background-color: #F1F1F2;">商业保理本金：</td>
								<td width="25" class="data" name="bulkstockValuation7">0</td>
								<td width="25" style="background-color: #F1F1F2;">本月应还商业保理服务费：</td>
								<td width="25" class="data" name="bulkstockIntrerst7">
									<span class="productTypeFree" name="bulkstockIntrerst7" productType="4">0</span>
									<span class="showAllFinance"><a href="javascript:void(0);">显示全部</a></span>
								</td>
							</tr>
						</tbody>
						<script type="text/template" id="billInfoProductCollectTemp">
							{@each datas as it}
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">舱单质押本金：</td>
									<td width="25" class="data" name="amount2">&#65509;${formatCurrency(it.amount2)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还舱单质押服务费：</td>
									<td width="25">
										<span class="productTypeFree" name="interest2" productType="2">&#65509;${formatCurrency(it.interest2)}</span>
										<span class="showAllFinance"><a href="javascript:void(0);">显示全部</a></span>
									</td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">代理采购本金：</td>
									<td width="25" class="data" name="amount5">&#65509;${formatCurrency(it.amount5)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还代理采购服务费: </td>
									<td width="25">
										<span class="productTypeFree data" name="interest5" productType="5">&#65509;${formatCurrency(it.interest5)}</span>
										<span class="showAllFinance"><a href="javascript:void(0);">显示全部</a></span>
									</td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">代理销售本金：</td>
									<td width="25" class="data" name="amount6">&#65509;${formatCurrency(it.amount6)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还代理销售服务费：</td>
									<td width="25">
										<span class="productTypeFree data" name="interest6" productType="6">&#65509;${formatCurrency(it.interest6)}</span>
										<span class="showAllFinance"><a href="javascript:void(0);">显示全部</a></span>
									</td>
								</tr>
								<tr height="30px">
									<td width="25" style="background-color: #F1F1F2;">商业保理本金：</td>
									<td width="25" class="data" name="bulkstockValuation7">&#65509;${formatCurrency(it.bulkstockValuation7)}</td>
									<td width="25" style="background-color: #F1F1F2;">本月应还商业保理服务费：</td>
									<td width="25" class="data" name="bulkstockIntrerst7">
										<span class="productTypeFree" name="bulkstockIntrerst7" productType="4">&#65509;${formatCurrency(it.bulkstockIntrerst7)}</span>
										<span class="showAllFinance"><a href="javascript:void(0);">显示全部</a></span>
									</td>
								</tr>
							{@/each}
						</script>
					</table>
				</div>
				<div class="label_info label_info_img">
					<img src="../../../res/png/info_icon.png"><span class="labeltitle">融资信息</span>
				</div>
				<div class="tableSearch">
					<div class="searchLine">
						<div>
							融资编号：<input type="text" name="financeNumber" placeholder="融资编号">
						</div>
						<div>
							业务类型： <select name="productType">
							<option value="0">全部</option>
							<option value="1">舱单代采</option>
							<option value="2">舱单质押</option>
							<option value="3">仓储质押</option>
							<option value="4">保理融资</option>
							<option value="5">代理采购</option>
							<option value="6">代理销售</option>
							</select>
							<button class="table-search-button" id="">查询</button>
						</div>
						<div>
						</div>
					</div>
				</div>
				
				<div class="tableSearch" style="display: none;">
					<div class="searchLine">
						<div>
							利息结算编号：<input type="text" id="" placeholder="利息结算编号">
						</div>
						<div>
							企业名称：<input type="text" id="" placeholder="企业名称">
						</div>
						<div>
							申请时间：<input class="Wdate FromTime" type="text" id="applyTimeStart" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,readOnly:true,maxDate:'#F{$dp.$D(\'applyTimeEnd\',{d:0})}'})">-<input class="Wdate ToTime" type="text" id="applyTimeEnd" name="publishToTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,readOnly:true,minDate:'#F{$dp.$D(\'applyTimeStart\',{d:1})}'})">
						</div>
					</div>
					<div class="searchLine">
						<div>
						</div>
						<div>
						</div>
						<div>
							<button class="table-search-button" id="">查询</button>
						</div>
					</div>
				</div>
				
				<table class="table">
					<thead>
						<tr class="">
							<th>NO</th>
							<th>融资编号</th>
							<th>业务类型</th>
							<th>放款时间</th>
							<th>计息本金</th>
							<th>起息日</th>
							<th>结息日</th>
							<th>结息周期（天）</th>
							<th>费率</th>
							<th>还款方式</th>
							<th>本月应还</th>
							<th>本月已收</th>
							<!--<th>状态</th>
							<th>操作</th>-->
						</tr>
					</thead>
					<tbody id="monthFinancingListBody">
					</tbody>
					<script type="text/template" id="monthFinancingList">
						{@each datas as it, index}
						<tr class="tr_style table-data" financeNumber="${it.financeNumber}" financeId="${it.financeId}" monthEarningDetailId="${it.monthEarningDetailId}">
							<td class="pl10">${index*1 + 1}</td>
							<td class="pl10" id="financeNumber"><a href="javascript:void(0)">${it.financeNumber}</a></td>
							<td class="pl10">
								${getValueByKey(7, it.productType)}
							</td>
							<td class="pl10">${(it.loanDate).substr(0, 10)}</td>
							<td class="pl10">&#65509;${formatCurrency(it.valuationAmount)}</td>
							<td class="pl10">${(it.settlementStart).substr(0, 10)}</td>
							<td class="pl10">${(it.settlementEnd).substr(0, 10)}</td>
							<td class="pl10">${it.days} </td>
							<td class="pl10">${it.interestRate}%</td>
							<td class="pl10">按月付息到期还本</td>
							<td class="pl10">&#65509;${formatCurrency(it.shouldPay)}</td>
							<td class="pl10">&#65509;${formatCurrency(it.paid)}</td>
							<!--<td class="pl10">
								${getValueByKey(30, it.financeState)}
							</td>
							<td class="pl10 table_details_link1">详情</td>-->
						</tr>
						{@/each}
					</script>
				</table>
				<div id="monthFinancingPage" class="pagerCon"></div>
		</div>
		</div>
		<div id="popdialog"></div>
	</div>
	<!-- 底部 -->
	<div class="footer none" id="footer" style="width: 1910px;">底部栏</div>
	<!--删除确认框-->
	<div class="dialog none" id="confirmDialog" style="width: 300px;">
		<div class="dialogTitle"></div>
		<button class="closeDiv">×</button>
		<div class="dialogContent"></div>
		<div class="footerBtn">
			<div class="dialogBtn dialogHandlerBtn radius_shadow">确定</div>
		</div>
	</div>
	<div id="popdialog"></div>

	<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../../component/layer/layer.js"></script>
	<!-- <script src="../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script> -->
	<script src="../../../component/upload/jquery.ui.widget.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.iframe-transport.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.fileupload.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/PCAS/PCASClass.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.ui.widget.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.iframe-transport.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/upload/jquery.fileupload.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
	<script type="text/javascript" src="../../../js/platform/config.js"></script>
	<script type="text/javascript" src="../../../js/juicer-min.js"></script>
	<script src="../../../js/ajaxfileupload.js" type="text/javascript"
		charset="utf-8"></script>
	<script src="../../../js/My97DatePicker/WdatePicker.js"
		type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/ajaxfileupload.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../component/PCAS/PCASClass.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
		seajs.use('./settlementDetail', function(settlementDetail) {
			settlementDetail.init();
		});
	</script>
</body>

</html>














